<!DOCTYPE html>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ page session="false" %>
<c:if test="${!ajaxRequest}">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>informed individual</title>
</head>
<body>
</c:if>
	<div id="forms">
		<iframe id="petitionLikeButton" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.informedindividual.org&amp;layout=box_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe>
		<h3><spring:message code="consumerpetition.supportus" /></h3>
		<br/>	
		<spring:message code="consumerpetition.introduction"/>
		<span>
			<script>$('.tTip').tinyTips('green', 'title');</script>
			<span>
				<a class="tTip" title="<spring:message code="consumerpetition.soriamoriaexcerpt"/>">
				<spring:message code="consumerpetition.soriamoriatitle"/></a>
			</span>
			<blockquote>
		  		<p><i>
		  			<spring:message code="consumerpetition.wedemand" />
		  			<a class="tTip" title="<spring:message code="consumerpetition.relevant.tip"/>">
		  			<spring:message code="consumerpetition.relevant" /></a>
					<spring:message code="consumerpetition.attahced" />
					<a class="tTip" title="<spring:message code="consumerpetition.goodsandservices.tip"/>"><spring:message code="consumerpetition.goodsandservices" /></a>
		  			<spring:message code="consumerpetition.shouldbe" />
		  			<a class="tTip" title="<spring:message code="consumerpetition.available.tip"/>">
		  			<spring:message code="consumerpetition.available" /></a>
				</i></p>
			</blockquote>
			<form:form id="form" method="post" modelAttribute="formBean" cssClass="cleanform">
		  		<c:if test="${not empty message}">
					<div id="message" class="${message.type}">${message.text}</div>	
		  		</c:if>
		  		<spring:bind path="*">
		  			<c:if test="${status.error}">
				  		<div id="message" class="error">
				  			<spring:message code="consumerpetition.generalerror" />				  		
				  		</div>
		  			</c:if>
		  		</spring:bind>
		  	<fieldset>
		  		<legend><spring:message code="consumerpetition.form.fullname.legend" /></legend>
		  		<form:label path="user.name">
		  			<label><spring:message code="consumerpetition.fullname" /></label> 
		  			<form:errors path="user.name" cssClass="error" />
		 		</form:label>
		  		<form:input path="user.name"/>
				<fieldset class="checkbox">
					<form:checkbox path="user.okToPublishNameOnWeb" checked="yes" />
						<spring:message code="consumerpetition.form.okToPublishNameOnWeb" />
				</fieldset>
			</fieldset>
			<fieldset>
				<legend>
					<spring:message code="consumerpetition.form.email.legend" />
				</legend>
		  		<form:label path="user.email">
		  			<label><spring:message code="consumerpetition.form.email" /></label> 
		  			<form:errors path="user.email" cssClass="error" />
		 		</form:label>
		  		<form:input path="user.email" />
				<fieldset class="checkbox">
					<form:checkbox path="user.subscribeNewsletter" checked="yes" />
					 <spring:message code="consumerpetition.form.subscribeNewsletter" />
				</fieldset>			  		
		  	</fieldset>
	  		<fieldset>
	  			<legend><spring:message code="consumerpetition.form.comments" /></legend>
		  		<form:label path="user.comment">
		  		</form:label>
		  		<form:errors path="user.comment" cssClass="error" />
		  		<form:textarea path="user.comment" />
		  		<spring:message code="consumerpetition.form.organizationinfo" />
	  		</fieldset>	  	
			<p><button type="submit">Signer</button></p>
			</form:form>
		</span>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#form").submit(function() {  
					$.post($(this).attr("action"), $(this).serialize(), function(html) {
						$("#forms").replaceWith(html);
						$('html, body').animate({ scrollTop: $("#message").offset().top }, 500);
					});
					return false;  
				});			
			});
		</script>
			<b><spring:message code="consumerpetition.theySupportUs" /></b><br/><br/>
		    <a href="http://www.gronnhverdag.no" title="Grønn Hverdag" target="_blank">
		        <img src="/resources/images/gronn-hverdag.jpg" width="200" alt="Grønn Hverdag">
		    </a>
		       
	   	    <a href="http://www.forbrukerportalen.no" title="Forbrukerrådet" target="_blank">
		        <img src="/resources/images/forbrukerradet.jpg" width="200" alt="Forbrukerrådet">
		    </a>
		   
		    <a href="http://www.wwf.no" title="World Wildlife Foundation" target="_blank">
		        <img src="/resources/images/wwf.jpeg" width="200" alt="World Wildlife Foundation">
		    </a>
		   
		    <br/><br/>
		   
		    <a href="http://www.dyrevern.no" title="Dyrevernalliansen" target="_blank">
		        <img src="/resources/images/dyrevern_alliansen.jpg" width="200" alt="Dyrevernalliansen">
		    </a>
		   
		    <a href="http://www.nu.no" title="Natur og Ungdom" target="_blank">
		        <img src="/resources/images/Natur_og_ungdom_logo.png" width="200" alt="Natur og Ungdom">
		    </a>
		    <a href="http://www.framtiden.no" title="Framtiden i våre hender" target="_blank">
		        <img src="/resources/images/framtidenivaarehender.png" width="200" alt="Framtiden i våre hender">
		    </a>
		    
		       <br/><br/>
		    <a href="http://www.oikos.no" title="Økologisk Norge" target="_blank">
		        <img src="/resources/images/Oikos_logo_RGB.JPG"  alt="Økologisk Norge">
		    </a>
		       
		    <a href="http://www.bygdekvinnelaget.no" title="Norges Bygdekvinnelag" target="_blank">
		        <img src="/resources/images/bygdekvinnelaget.JPG" alt="Norges Bygdekvinnelag">
		    </a>
		           
		    <a href="http://www.mdg.no" title="Miljøpartiet De Grønne" target="_blank">
		        <img src="/resources/images/mdg.jpg" width="200" alt="Miljøpartiet De Grønne">
		    </a>	
		   	
	</div>
<c:if test="${!ajaxRequest}">
</body>
</html>
</c:if>
